export const SuccessIcon = () => {
  return (
    <svg
      width="100%"
      height="100%"
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M3 9C3 12.3137 5.68629 15 9 15C12.3137 15 15 12.3137 15 9C15 7.4087 14.3679 5.88258 13.2426 4.75736C12.1174 3.63214 10.5913 3 9 3C5.68629 3 3 5.68629 3 9ZM12.615 6.92C12.8911 7.19614 12.8911 7.64386 12.615 7.92L8.225 12.305L5.5 9.58C5.22386 9.30386 5.22386 8.85614 5.5 8.58C5.77614 8.30386 6.22386 8.30386 6.5 8.58L8.23 10.305L11.615 6.92C11.8911 6.64386 12.3389 6.64386 12.615 6.92Z"
        fill="#15B77E"
      />
    </svg>
  );
};

export const ErrorIcon = () => {
  return (
    <svg
      width="100%"
      height="100%"
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9 3C5.68629 3 3 5.68629 3 9C3 12.3137 5.68629 15 9 15C12.3137 15 15 12.3137 15 9C15 7.4087 14.3679 5.88258 13.2426 4.75736C12.1174 3.63214 10.5913 3 9 3ZM8.255 6C8.255 5.58579 8.59079 5.25 9.005 5.25C9.41921 5.25 9.755 5.58579 9.755 6V9.445C9.755 9.85921 9.41921 10.195 9.005 10.195C8.59079 10.195 8.255 9.85921 8.255 9.445V6ZM8.14 11.89C8.14 12.365 8.52503 12.75 9 12.75C9.47496 12.75 9.86 12.365 9.86 11.89C9.86 11.415 9.47496 11.03 9 11.03C8.52503 11.03 8.14 11.415 8.14 11.89Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const NotStartedIcon = () => {
  return (
    <svg
      width="18"
      height="18"
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M9 3C5.68629 3 3 5.68629 3 9C3 12.3137 5.68629 15 9 15C12.3137 15 15 12.3137 15 9C15 5.68629 12.3137 3 9 3Z"
        fill="currentColor"
      />
    </svg>
  );
};
